<template>
  <div>
      <h1>我是子组件MyComponent2----{{msg}}</h1>
  </div>
</template>

<script>
export default {
  name: 'MyComponent2',
  //接受父组件传递数据props->msg
  //props数组的写法比较常用的
  //对象的这种写法可以约束props数值类型
  props:{
      //接受的是props名字
      msg:{
        //约束这个属性的属性值
        //字符串：String 数字：Number  数组Array  对象Object  函数Function
        type:String,
        default:"默认数值",//设置初始值，但是父组件传递了,初始值失效
      }
  },

  mounted () {
     console.log(this);
  }
}
</script>

<style scoped>
    div{
      margin:50px 0px;
      width: 600px;
      height: 200px;
      background:yellow;
    }
</style>

